@charset "utf-8";
/*!
 * MeiLiLaiYuan v1.0.0
 * home style
 * 2014-06-17
 */


/* home-container */
.home-container {
	width: 1170px;
	margin: 0 auto;
}
/* home nav */
.h-c-nav {
	width: 200px;
	float: left;
}
.h-c-nav ul {
	border: 1px solid #d4d4d4;
	border-top: none;
}
.h-c-nav ul li {
	background-image: url(../images/default/sort-bg.png);
	background-repeat: no-repeat;
}
.h-c-nav ul li:hover {
	background-color: #1179ea;
	background-image: url(../images/default/sort-bg-hover.png);
}
.h-c-nav ul li a {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	border-top: 1px solid #d4d4d4;
	width: 166px;
	color: #333;
	font-size: 15px;
	padding-left: 30px;
	background-image: url(../images/default/sort.png);
	background-repeat: no-repeat;
}
.h-c-nav ul li a:hover {
	background-image: url(../images/default/sort-hover.png);
	color: #fff;
}
.h-c-nav ul li:first-child a {
	border-top: none;
}
.cid-1 {
	background-position: 0 0;
}
.cid-2 {
	background-position: 0 -40px;
}
.cid-3 {
	background-position: 0 -80px;
}
.cid-4 {
	background-position: 0 -120px;
}
.cid-5 {
	background-position: 0 -160px;
}
.cid-6 {
	background-position: 0 -200px;
}
.cid-7 {
	background-position: 0 -240px;
}
.h-c-nav-ad {
	border: 2px solid #b2b2b2;
	margin-top: 8px;
}
.h-c-nav-ad img {
	width: 196px;
	height: 196px;
}


	.nav-i {
		width: 200px;
		float: left;
	}
	.nav-i-first {
		height: 48px;
		border: 1px solid #d4d4d4;
		position: relative;
		background-image: url(../images/default/sort-bg.png);
		background-repeat: no-repeat;
	}
	.nav-i-first a.cid {
		text-decoration: none;
		display: inline-block;
		width: 168px;
		height: 48px;
		line-height: 48px;
		color: #333;
		font-size: 15px;
		padding-left: 30px;
		background-image: url(../images/default/sort.png);
		background-repeat: no-repeat;
	}
	.nav-i-first a.cid:hover {
		background-image: url(../images/default/sort-hover.png);
		background-color: #1179ea;
		color: #fff;
	}
	.nav-i-first:hover .nav-i-second {
		display: block;
	}
	.nav-i-second {
		position: relative;
		display: none;
		left: 198px;
		top: -50px;
		z-index: 999;
	}
	.nav-i-second ul {
		list-style: none;
		border: 1px solid #d4d4d4;
		background-color: #fff;
	}
	.nav-i-second ul li a {
		text-decoration: none;
		display: inline-block;
		width: 186px;
		font-size: 12px;
		color: #666;
		line-height: 16px;
		padding-left: 10px;
		padding-bottom: 8px;
		padding-top: 8px;
	}
	.nav-i-second ul li a:hover {
		background-color: #1179ea;
		color: #fff;
	}







/* home banner */
.h-c-banner {
	margin: 5px;
	float: left;
}

/* home right content */
.h-c-right {
	float: left;
	width: 200px;
}
.h-c-right .h-c-ibar {
	margin-top: 5px;
}
.h-c-right .h-c-ibar a {
	display: inline-block;
}
.h-c-right .h-c-ibar a.i-help {
	margin-right: 4px;
}
/* new */
.h-c-right .h-c-new {
	border: 1px solid #ddd;
	width: 198px;
	margin-top: 2px;
}
.h-c-right .h-c-new h6 {
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #434343;
	background-color: #fff;
	border-bottom: 1px solid #bcbcbc;
	font-weight: 400;
}
.h-c-right .h-c-new h6 a {
	color: #434343;
}
.h-c-right .h-c-new ul {
	padding: 5px 10px;
}
.h-c-right .h-c-new ul li {}
.h-c-right .h-c-new ul li a {
	display: inline-block;
	color: #434343;
	font-size: 12px;
	width: 178px;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
}
.h-c-right .h-c-new ul li a:hover,
.h-c-right .h-c-new ul li a:active {
	color: #333;
	text-decoration: underline;
}
/* super deal & super star */
.h-c-super-deal,
.h-c-super-star {
	border: 2px solid #bcbcbc;
	margin-top: 5px;
}
.h-c-super-star {
	border: 3px solid #bcbcbc;
}
.h-c-super-deal .shop-thumb,
.h-c-super-star .shop-thumb {
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.h-c-super-deal .shop-thumb .shop-thumb-img,
.h-c-super-star .shop-thumb .shop-thumb-img {
	width: 194px;
	height: 194px;
}
.h-c-super-deal .shop-thumb .tag,
.h-c-super-star .shop-thumb .tag {
	position: absolute;
	top: 0;
	right: 0;
}
.h-c-super-deal .shop-thumb .sale,
.h-c-super-star .shop-thumb .sale {
	display: inline-block;
	width: 30px;
	line-height: 23px;
	height: 23px;
	background-image: url(../images/default/super-deal-i.jpg);
	color: #fff;
	font-size: 14px;
	padding-left: 30px;
	vertical-align: middle;
}
.h-c-super-star .shop-thumb .sale {
	background-image: none;
	background-color: #68bf59;
	width: 100px;
	text-align: center;
	overflow: hidden;
	padding-left: 0;
}
.h-c-super-deal .shop-thumb .price,
.h-c-super-star .shop-thumb .price {
	display: inline-block;
	color: #fd633f;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px;
	height: 23px;
	text-align: center;
	width: 126px;
	vertical-align: middle;
	overflow: hidden;
}
.h-c-super-star .shop-thumb .price {
	color: #68bf59;
	width: 80px;
}
.h-c-super-deal .shop-thumb .price em,
.h-c-super-star .shop-thumb .price em {
	font-size: 12px;
}



/* diy activity */
.diy-activity {
	margin-top: 15px;
}
.diy-activity-wrap {
	width: 1170px;
	margin: 0 auto;
}
.diy-activity-wrap ul.tab {
	height: 36px;
	line-height: 35px;
	border-bottom: 2px solid #444;
	width: 1162px;
}
.diy-activity-wrap ul.tab li {
	float: left;
	text-align: center;
}
.diy-activity-wrap ul.tab li a {
	display: inline-block;
	width: 148px;
	height: 35px;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	color: #666;
	font-size: 14px;
	background-color: #efefef;
}
.diy-activity-wrap ul.tab li a:hover,
.diy-activity-wrap ul.tab li a:active {
	background-color: #fff;
	color: #333;
	font-weight: 700;
	border: 1px solid #6e6e6e;
}
.diy-activity-wrap ul.tab li.active {}
.diy-activity-wrap ul.tab li.active a {
	background-color: #fff;
	color: #444;
	border: 1px solid #444;
	border-bottom: none;
	font-weight: 700;
}
/* diy activity shop-thumb */
.d-c-shop {
	padding-top: 10px;
	margin-top: 0;
}
.d-c-shop .shop-thumb:hover {
	border: 3px solid #fff;
}


/* home content */
.home-content {
	margin-top: 15px;
	margin-bottom: 20px;
}
.home-content-wrap {
	width: 1170px;
	margin: 0 auto;
}

.home-content .h-c-sort {
	width: 936px;
	float: left;
}
.home-content .h-c-sort ul.tab {
	height: 36px;
	line-height: 35px;
	border-bottom: 2px solid #444;
	width: 927px;
}
.home-content .h-c-sort ul.tab li {
	float: left;
	text-align: center;
}
.home-content .h-c-sort ul.tab li a {
	display: inline-block;
	width: 128px;
	height: 35px;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	color: #666;
	font-size: 14px;
	background-color: #efefef;
}
.home-content .h-c-sort ul.tab li a:hover,
.home-content .h-c-sort ul.tab li a:active {
	background-color: #fff;
	color: #333;
	font-weight: 700;
	border: 1px solid #6e6e6e;
}
.home-content .h-c-sort ul.tab li.active {}
.home-content .h-c-sort ul.tab li.active a {
	background-color: #fff;
	color: #444;
	border: 1px solid #6e6e6e;
	border-bottom: none;
	font-weight: 700;
}
/* home content shop-thumb */
.h-c-shop {
	margin-top: 10px;
}
.h-c-shop .shop-thumb:hover {
	border: 3px solid #fff;
}


/* home top */
.home-top {
	width: 230px;
	margin-bottom: 30px;
	float: right;
}
.home-top .shop-title {
	margin-bottom: 12px;
	border-bottom: 2px solid #6e6e6e;
}
.home-top .shop-title span {
	display: inline-block;
	text-align: center;
	line-height: 36px;
	height: 36px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	width: 150px;
	background-color: #6e6e6e;
}
.home-top .shop-thumb-side {
	float: left;
	padding: 0;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 1.7;
	overflow: visible;
	z-index: 1;
	border: 3px solid #fff;
	-webkit-transition: border-color .2s linear;
	-moz-transition: border-color .2s linear;
	-ms-transition: border-color .2s linear;
	-o-transition: border-color .2s linear;
	transition: border-color .2s linear;
}
.home-top .shop-thumb-side:hover {
	border: 3px solid #fff;
	-webkit-transition: border-color .2s linear;
	-moz-transition: border-color .2s linear;
	-ms-transition: border-color .2s linear;
	-o-transition: border-color .2s linear;
	transition: border-color .2s linear;
}
.home-top .shop-thumb-side a {
	color: #333;
}
.home-top .shop-thumb-side a:hover,
.home-top .shop-thumb-side a:active,
.home-top .shop-thumb-side a.active {
	text-decoration: underline;
	color: #1179ea;
}
.home-top .shop-thumb-side .shop-thumb-side-wrap {
	position: relative;
	width: 208px;
	background-color: #fff;
	margin: 0;
	padding: 4px;
	font-size: 0;
}
.home-top .shop-thumb-side .shop-thumb-image {
	display: inline-block;
}
.home-top .shop-thumb-side .shop-thumb-image img {
	width: 100px;
	height: 100px;
}
.home-top .shop-thumb-side .shop-thumb-title {
	font-size: 12px;
	text-decoration: none;
	display: block;
	color: #666;
	height: 48px;
	overflow: hidden;
	line-height: 16px;
	word-break: break-all;
	width: 97px;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
}
.home-top .shop-thumb-side .shop-thumb-price {
	font-size: 18px;
	color: #666;
	margin: 3px 3px 7px 3px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 108px;
}
.home-top .shop-thumb-side .shop-thumb-price b {
	margin-right: 2px;
	font-size: 12px;
	vertical-align: middle;
}
.home-top .shop-thumb-side .shop-thumb-price del {
	color: #888;
	font-size: 12px;
	padding-left: 6px;
	font-weight: 400;
}











